<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:p="http://primefaces.org/ui"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:pe="http://primefaces.org/ui/extensions">

<h:body>
        <ui:composition template="index_docenteSchedule.xhtml">
                <ui:define name="content">
                        <p:toolbar id="titulo" style="color:#FFFFFF;font-size:125%;font-weight: bold">
                        <p:toolbarGroup align="left">
                                <p:outputLabel value="SISTEMA DE DISPONIBILIDAD HORARIA : #{laboScheduleController.nombrePeriodoActual}"/>
                        </p:toolbarGroup>
                        </p:toolbar>
                		
                        <h:form id="form">
                                <p:tabView style="margin-top:1%"
                                        dynamic="true" cache="false" scrollable="true">
                                        <p:ajax event="tabChange"
                                                listener="#{laboScheduleController.onTabChange}" update=":form1"/>
                                        <p:tab title="Laboratorio 1">
                                                <p:schedule id="Labo1"
                                                        value="#{laboScheduleController.eventModel1}" locale="es"
                                                        widgetVar="Labo1" view="agendaWeek" draggable="false"
                                                        resizable="false" allDaySlot="false" slotMinutes="60"
                                                        firstHour="8" minTime="8" maxTime="22" leftHeaderTemplate="today"
                                                        rightHeaderTemplate="prev,next" centerTemplate="title"
                                                        columnFormat="ddd dd/MM" timeFormat="HH:mm { - HH:mm }"
                                                        axisFormat="HH:mm - HH:59 ">
                                                        <p:ajax event="eventSelect"
                                                                listener="#{laboScheduleController.onEventSelect}"
                                                                update=":#{p:component('detailsPanel')}"
                                                                oncomplete="PF('eventDialog').show();" />

                                                </p:schedule>
                                                <p:toolbar>
                                                        <p:toolbarGroup align="left">
	                                                        <p:outputLabel
																value=" Capacidad del laboratorio: #{laboScheduleController.capacidadLaboratorio} " />
                                                             <ul style="list-style: none;">
                             									<li><p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:green;"/>
						  											<p:outputLabel value="&nbsp;Peticiones aceptadas&nbsp;" /></li>
                               									<li><p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:blue;" /> 
                                   									<p:outputLabel value="&nbsp;Cursos Asignados&nbsp;" /></li>
                                  								<li><p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:gray;" /> 
                                   									<p:outputLabel value="&nbsp;Peticiones en espera&nbsp;" /></li>
                             								</ul>
                             								<p:outputLabel
																value=" Haga clic en algun evento para más información acerca de este. " />
                                                        </p:toolbarGroup>
                                                        <p:toolbarGroup align="right">
                                                                <p:commandButton id="BotonLab1"
                                                                        value=" GENERAR PETICION DE EVENTO EN LABORATORIOS "
                                                                        oncomplete="PF('eventDialog1').show();" />
                                                        </p:toolbarGroup>
                                                </p:toolbar>
                                        </p:tab>
                                        <p:tab title="Laboratorio 2 - UPG"
                                                titleStyle="background:orange;font-weight:bold;">
                                                <p:schedule id="Labo2"
                                                        value="#{laboScheduleController.eventModel2}" locale="es"
                                                        widgetVar="Labo2" view="agendaWeek" draggable="false"
                                                        resizable="false" allDaySlot="false" slotMinutes="60"
                                                        firstHour="8" minTime="8" maxTime="22" leftHeaderTemplate="today"
                                                        rightHeaderTemplate="prev,next" centerTemplate="title"
                                                        columnFormat="ddd dd/MM" timeFormat="HH:mm { - HH:mm }"
                                                        axisFormat="HH:mm - HH:59 ">
                                                        <p:ajax event="eventSelect"
                                                                listener="#{laboScheduleController.onEventSelect}"
                                                                update=":#{p:component('detailsPanel')}"
                                                                oncomplete="PF('eventDialog').show();" />
                                                </p:schedule>
                                                <p:toolbar>
                                                        <p:toolbarGroup align="left">
                                                                <p:outputLabel
																	value=" Capacidad del laboratorio: #{laboScheduleController.capacidadLaboratorio} " />
                                                                <ul style="list-style: none;">
                                									<li><p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:green;"/>
									  									<p:outputLabel value="&nbsp;Peticiones aceptadas&nbsp;" /></li>
                                  									<li><p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:blue;" /> 
                                       									<p:outputLabel value="&nbsp;Cursos Asignados&nbsp;" /></li>
                                     								<li><p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:gray;" /> 
                                       									<p:outputLabel value="&nbsp;Peticiones en espera&nbsp;" /></li>
                                								</ul>
                                                        		<p:outputLabel
																	value=" Haga clic en algun evento para más información acerca de este. " />
                                                        </p:toolbarGroup>
                                                        <p:toolbarGroup align="right">
                                                                <p:commandButton id="BotonLab2"
                                                                        value=" GENERAR PETICION DE EVENTO EN LABORATORIOS "
                                                                        oncomplete="PF('eventDialog1').show();" />
                                                        </p:toolbarGroup>
                                                </p:toolbar>
                                        </p:tab>
                                        <p:tab title="Laboratorio 3">
                                                <p:schedule id="Labo3"
                                                        value="#{laboScheduleController.eventModel3}" locale="es"
                                                        widgetVar="Labo3" view="agendaWeek" draggable="false"
                                                        resizable="false" allDaySlot="false" slotMinutes="60"
                                                        firstHour="8" minTime="8" maxTime="22" leftHeaderTemplate="today"
                                                        rightHeaderTemplate="prev,next" centerTemplate="title"
                                                        columnFormat="ddd dd/MM" timeFormat="HH:mm { - HH:mm }"
                                                        axisFormat="HH:mm - HH:59 ">
                                                        <p:ajax event="eventSelect"
                                                                listener="#{laboScheduleController.onEventSelect}"
                                                                update=":#{p:component('detailsPanel')}"
                                                                oncomplete="PF('eventDialog').show();" />
                                                </p:schedule>
                                                <p:toolbar>
                                                        <p:toolbarGroup align="left">
                                                        		<p:outputLabel
																	value=" Capacidad del laboratorio: #{laboScheduleController.capacidadLaboratorio} " />
                                                                <ul style="list-style: none;">
                                									<li><p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:green;"/>
									  									<p:outputLabel value="&nbsp;Peticiones aceptadas&nbsp;" /></li>
                                  									<li><p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:blue;" /> 
                                       									<p:outputLabel value="&nbsp;Cursos Asignados&nbsp;" /></li>
                                     								<li><p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:gray;" /> 
                                       									<p:outputLabel value="&nbsp;Peticiones en espera&nbsp;" /></li>
                                								</ul>
                                								<p:outputLabel
																	value=" Haga clic en algun evento para más información acerca de este. " />
                                                        </p:toolbarGroup>
                                                        <p:toolbarGroup align="right">
                                                                <p:commandButton id="BotonLab3"
                                                                        value=" GENERAR PETICION DE EVENTO EN LABORATORIOS "
                                                                        oncomplete="PF('eventDialog1').show();" />
                                                        </p:toolbarGroup>
                                                </p:toolbar>
                                        </p:tab>
                                        <p:tab title="Laboratorio 4">
                                                <p:schedule id="Labo4"
                                                        value="#{laboScheduleController.eventModel4}" locale="es"
                                                        widgetVar="Labo4" view="agendaWeek" draggable="false"
                                                        resizable="false" allDaySlot="false" slotMinutes="60"
                                                        firstHour="8" minTime="8" maxTime="22" leftHeaderTemplate="today"
                                                        rightHeaderTemplate="prev,next" centerTemplate="title"
                                                        columnFormat="ddd dd/MM" timeFormat="HH:mm { - HH:mm }"
                                                        axisFormat="HH:mm - HH:59 ">
                                                        <p:ajax event="eventSelect"
                                                                listener="#{laboScheduleController.onEventSelect}"
                                                                update=":#{p:component('detailsPanel')}"
                                                                oncomplete="PF('eventDialog').show();" />
                                                </p:schedule>
                                                <p:toolbar>
                                                        <p:toolbarGroup align="left">
                                                        		<p:outputLabel
																	value=" Capacidad del laboratorio: #{laboScheduleController.capacidadLaboratorio} " />
                                                                <ul style="list-style: none;">
                                                                        <li>
                                                                            <p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:green;"/>
																			<p:outputLabel value="&nbsp;Peticiones aceptadas&nbsp;" />
                                                                       	</li>
                                                                        <li>
                                                                        	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:blue;" /> 
                                                                        	<p:outputLabel value="&nbsp;Cursos Asignados&nbsp;" />
                                                                        </li>
                                                                        <li>
                                                                        	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:gray;" /> 
                                                                        	<p:outputLabel value="&nbsp;Peticiones en espera&nbsp;" />
                                                                        </li>
                                                                </ul>
                                                                <p:outputLabel
																	value=" Haga clic en algun evento para más información acerca de este. " />
                                                        </p:toolbarGroup>
                                                        <p:toolbarGroup align="right">
                                                                <p:commandButton id="BotonLab4"
                                                                        value=" GENERAR PETICION DE EVENTO EN LABORATORIOS "
                                                                        oncomplete="PF('eventDialog1').show();" />
                                                        </p:toolbarGroup>
                                                </p:toolbar>
                                        </p:tab>
                                        <p:tab title="Laboratorio 5">
                                                <p:schedule id="Labo5"
                                                        value="#{laboScheduleController.eventModel5}" locale="es"
                                                        widgetVar="Labo5" view="agendaWeek" draggable="false"
                                                        resizable="false" allDaySlot="false" slotMinutes="60"
                                                        firstHour="8" minTime="8" maxTime="22" leftHeaderTemplate="today"
                                                        rightHeaderTemplate="prev,next" centerTemplate="title"
                                                        columnFormat="ddd dd/MM" timeFormat="HH:mm { - HH:mm }"
                                                        axisFormat="HH:mm - HH:59 ">
                                                        <p:ajax event="eventSelect"
                                                                listener="#{laboScheduleController.onEventSelect}"
                                                                update=":#{p:component('detailsPanel')}"
                                                                oncomplete="PF('eventDialog').show();" />
                                                </p:schedule>
                                                <p:toolbar>
                                                        <p:toolbarGroup align="left">
                                                        		<p:outputLabel
																	value=" Capacidad del laboratorio: #{laboScheduleController.capacidadLaboratorio} " />
                                                                <ul style="list-style: none;">
                                                                        <li>
                                                                            <p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:green;"/>
																			<p:outputLabel value="&nbsp;Peticiones aceptadas&nbsp;" />
                                                                       	</li>
                                                                        <li>
                                                                        	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:blue;" /> 
                                                                        	<p:outputLabel value="&nbsp;Cursos Asignados&nbsp;" />
                                                                        </li>
                                                                        <li>
                                                                        	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:gray;" /> 
                                                                        	<p:outputLabel value="&nbsp;Peticiones en espera&nbsp;" />
                                                                        </li>
                                                                </ul>
                                                               	<p:outputLabel
																	value=" Haga clic en algun evento para más información acerca de este. " />
                                                        </p:toolbarGroup>
                                                        <p:toolbarGroup align="right">
                                                                <p:commandButton id="BotonLab5"
                                                                        value=" GENERAR PETICION DE EVENTO EN LABORATORIOS "
                                                                        oncomplete="PF('eventDialog1').show();" />
                                                        </p:toolbarGroup>
                                                </p:toolbar>
                                        </p:tab>
                                        <p:tab title="Laboratorio 6">
                                                <p:schedule id="Labo6"
                                                        value="#{laboScheduleController.eventModel6}" locale="es"
                                                        widgetVar="Labo6" view="agendaWeek" draggable="false"
                                                        resizable="false" allDaySlot="false" slotMinutes="60"
                                                        firstHour="8" minTime="8" maxTime="22" leftHeaderTemplate="today"
                                                        rightHeaderTemplate="prev,next" centerTemplate="title"
                                                        columnFormat="ddd dd/MM" timeFormat="HH:mm { - HH:mm }"
                                                        axisFormat="HH:mm - HH:59 ">
                                                        <p:ajax event="eventSelect"
                                                                listener="#{laboScheduleController.onEventSelect}"
                                                                update=":#{p:component('detailsPanel')}"
                                                                oncomplete="PF('eventDialog').show();" />
                                                </p:schedule>
                                                <p:toolbar>
                                                        <p:toolbarGroup align="left">
                                                        		<p:outputLabel
																	value=" Capacidad del laboratorio: #{laboScheduleController.capacidadLaboratorio} " />
                                                                <ul style="list-style: none;">
                                                                        <li>
                                                                            <p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:green;"/>
																			<p:outputLabel value="&nbsp;Peticiones aceptadas&nbsp;" />
                                                                       	</li>
                                                                        <li>
                                                                        	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:blue;" /> 
                                                                        	<p:outputLabel value="&nbsp;Cursos Asignados&nbsp;" />
                                                                        </li>
                                                                        <li>
                                                                        	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:gray;" /> 
                                                                        	<p:outputLabel value="&nbsp;Peticiones en espera&nbsp;" />
                                                                        </li>
                                                                </ul>
                                                                <p:outputLabel
																	value=" Haga clic en algun evento para más información acerca de este. " />
                                                        </p:toolbarGroup>
                                                        <p:toolbarGroup align="right">
                                                                <p:commandButton id="BotonLab6"
                                                                        value=" GENERAR PETICION DE EVENTO EN LABORATORIOS "
                                                                        oncomplete="PF('eventDialog1').show();" />
                                                        </p:toolbarGroup>
                                                </p:toolbar>
                                        </p:tab>
                                        <p:tab title="Laboratorio 7 - UPG"
                                                titleStyle="background:orange;font-weight:bold;">
                                                <p:schedule id="Labo7"
                                                        value="#{laboScheduleController.eventModel7}" locale="es"
                                                        widgetVar="Labo7" view="agendaWeek" draggable="false"
                                                        resizable="false" allDaySlot="false" slotMinutes="60"
                                                        firstHour="8" minTime="8" maxTime="22" leftHeaderTemplate="today"
                                                        rightHeaderTemplate="prev,next" centerTemplate="title"
                                                        columnFormat="ddd dd/MM" timeFormat="HH:mm { - HH:mm }"
                                                        axisFormat="HH:mm - HH:59 ">
                                                        <p:ajax event="eventSelect"
                                                                listener="#{laboScheduleController.onEventSelect}"
                                                                update=":#{p:component('detailsPanel')}"
                                                                oncomplete="PF('eventDialog').show();" />
                                                </p:schedule>
                                                <p:toolbar>
                                                        <p:toolbarGroup align="left">
                                                        		<p:outputLabel
																	value=" Capacidad del laboratorio: #{laboScheduleController.capacidadLaboratorio} " />
                                                                <ul style="list-style: none;">
                                                                        <li>
                                                                            <p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:green;"/>
																			<p:outputLabel value="&nbsp;Peticiones aceptadas&nbsp;" />
                                                                       	</li>
                                                                        <li>
                                                                        	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:blue;" /> 
                                                                        	<p:outputLabel value="&nbsp;Cursos Asignados&nbsp;" />
                                                                        </li>
                                                                        <li>
                                                                        	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:gray;" /> 
                                                                        	<p:outputLabel value="&nbsp;Peticiones en espera&nbsp;" />
                                                                        </li>
                                                                </ul>
                                                                <p:outputLabel
																	value=" Haga clic en algun evento para más información acerca de este. " />
                                                        </p:toolbarGroup>
                                                        <p:toolbarGroup align="right">
                                                                <p:commandButton id="BotonLab7"
                                                                        value=" GENERAR PETICION DE EVENTO EN LABORATORIOS "
                                                                        oncomplete="PF('eventDialog1').show();" />
                                                        </p:toolbarGroup>
                                                </p:toolbar>
                                        </p:tab>
                                        <p:tab title="Laboratorio 8">
                                                <p:schedule id="Labo8"
                                                        value="#{laboScheduleController.eventModel8}" locale="es"
                                                        widgetVar="Labo8" view="agendaWeek" draggable="false"
                                                        resizable="false" allDaySlot="false" slotMinutes="60"
                                                        firstHour="8" minTime="8" maxTime="22" leftHeaderTemplate="today"
                                                        rightHeaderTemplate="prev,next" centerTemplate="title"
                                                        columnFormat="ddd dd/MM" timeFormat="HH:mm { - HH:mm }"
                                                        axisFormat="HH:mm - HH:59 ">
                                                        <p:ajax event="eventSelect"
                                                                listener="#{laboScheduleController.onEventSelect}"
                                                                update=":#{p:component('detailsPanel')}"
                                                                oncomplete="PF('eventDialog').show();" />
                                                </p:schedule>
                                                <p:toolbar>
                                                        <p:toolbarGroup align="left">
                                                        		<p:outputLabel
																	value=" Capacidad del laboratorio: #{laboScheduleController.capacidadLaboratorio} " />
                                                                <ul style="list-style: none;">
                                                                        <li>
                                                                            <p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:green;"/>
																			<p:outputLabel value="&nbsp;Peticiones aceptadas&nbsp;" />
                                                                       	</li>
                                                                        <li>
                                                                        	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:blue;" /> 
                                                                        	<p:outputLabel value="&nbsp;Cursos Asignados&nbsp;" />
                                                                        </li>
                                                                        <li>
                                                                        	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:gray;" /> 
                                                                        	<p:outputLabel value="&nbsp;Peticiones en espera&nbsp;" />
                                                                        </li>
                                                                </ul>
                                                                <p:outputLabel
																	value=" Haga clic en algun evento para más información acerca de este. " />
                                                        </p:toolbarGroup>
                                                        <p:toolbarGroup align="right">
                                                                <p:commandButton id="BotonLab8"
                                                                        value=" GENERAR PETICION DE EVENTO EN LABORATORIOS "
                                                                        oncomplete="PF('eventDialog1').show();" />
                                                        </p:toolbarGroup>
                                                </p:toolbar>
                                        </p:tab>
                                        <p:tab title="Laboratorio 9 - CEUPS"
                                                titleStyle="background:purple;font-weight:bold;">
                                                <p:schedule id="Labo9"
                                                        value="#{laboScheduleController.eventModel9}" locale="es"
                                                        widgetVar="Labo9" view="agendaWeek" draggable="false"
                                                        resizable="false" allDaySlot="false" slotMinutes="60"
                                                        firstHour="8" minTime="8" maxTime="22" leftHeaderTemplate="today"
                                                        rightHeaderTemplate="prev,next" centerTemplate="title"
                                                        columnFormat="ddd dd/MM" timeFormat="HH:mm { - HH:mm }"
                                                        axisFormat="HH:mm - HH:59 ">
                                                        <p:ajax event="eventSelect"
                                                                listener="#{laboScheduleController.onEventSelect}"
                                                                update=":#{p:component('detailsPanel')}"
                                                                oncomplete="PF('eventDialog').show();" />
                                                </p:schedule>
                                                <p:toolbar>
                                                        <p:toolbarGroup align="left">
                                                        		<p:outputLabel
																	value=" Capacidad del laboratorio: #{laboScheduleController.capacidadLaboratorio} " />
                                                                <ul style="list-style: none;">
                                                                        <li>
                                                                            <p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:green;"/>
																			<p:outputLabel value="&nbsp;Peticiones aceptadas&nbsp;" />
                                                                       	</li>
                                                                        <li>
                                                                        	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:blue;" /> 
                                                                        	<p:outputLabel value="&nbsp;Cursos Asignados&nbsp;" />
                                                                        </li>
                                                                        <li>
                                                                        	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:gray;" /> 
                                                                        	<p:outputLabel value="&nbsp;Peticiones en espera&nbsp;" />
                                                                        </li>
                                                                </ul>
                                                                <p:outputLabel
																	value=" Haga clic en algun evento para más información acerca de este. " />
                                                        </p:toolbarGroup>
                                                        <p:toolbarGroup align="right">
                                                                <p:commandButton id="BotonLab9"
                                                                        value=" GENERAR PETICION DE EVENTO EN LABORATORIOS "
                                                                        oncomplete="PF('eventDialog1').show();" />
                                                        </p:toolbarGroup>
                                                </p:toolbar>
                                        </p:tab>
                                        <p:tab title="Laboratorio 10">
                                                <p:schedule id="Labo10"
                                                        value="#{laboScheduleController.eventModelA}" locale="es"
                                                        widgetVar="Labo1" view="agendaWeek" draggable="false"
                                                        resizable="false" allDaySlot="false" slotMinutes="60"
                                                        firstHour="8" minTime="8" maxTime="22" leftHeaderTemplate="today"
                                                        rightHeaderTemplate="prev,next" centerTemplate="title"
                                                        columnFormat="ddd dd/MM" timeFormat="HH:mm { - HH:mm }"
                                                        axisFormat="HH:mm - HH:59 ">
                                                        <p:ajax event="eventSelect"
                                                                listener="#{laboScheduleController.onEventSelect}"
                                                                update=":#{p:component('detailsPanel')}"
                                                                oncomplete="PF('eventDialog').show();" />

                                                </p:schedule>
                                                <p:toolbar>
                                                        <p:toolbarGroup align="left">
                                                        		<p:outputLabel
																	value=" Capacidad del laboratorio: #{laboScheduleController.capacidadLaboratorio} " />
                                                                <ul style="list-style: none;">
                                                                        <li>
                                                                            <p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:green;"/>
																			<p:outputLabel value="&nbsp;Peticiones aceptadas&nbsp;" />
                                                                       	</li>
                                                                        <li>
                                                                        	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:blue;" /> 
                                                                        	<p:outputLabel value="&nbsp;Cursos Asignados&nbsp;" />
                                                                        </li>
                                                                        <li>
                                                                        	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:gray;" /> 
                                                                        	<p:outputLabel value="&nbsp;Peticiones en espera&nbsp;" />
                                                                        </li>
                                                                </ul>
                                                                <p:outputLabel
																	value=" Haga clic en algun evento para más información acerca de este. " />
                                                        </p:toolbarGroup>
                                                        <p:toolbarGroup align="right">
                                                                <p:commandButton id="BotonLab10"
                                                                        value=" GENERAR PETICION DE EVENTO EN LABORATORIOS "
                                                                        oncomplete="PF('eventDialog1').show();" />
                                                        </p:toolbarGroup>
                                                </p:toolbar>
                                        </p:tab>
                                        <p:tab title="Laboratorio 11 - UPG"
                                                titleStyle="background:orange;font-weight:bold;">
                                                <p:schedule id="Labo11"
                                                        value="#{laboScheduleController.eventModelB}" locale="es"
                                                        widgetVar="Labo11" view="agendaWeek" draggable="false"
                                                        resizable="false" allDaySlot="false" slotMinutes="60"
                                                        firstHour="8" minTime="8" maxTime="22" leftHeaderTemplate="today"
                                                        rightHeaderTemplate="prev,next" centerTemplate="title"
                                                        columnFormat="ddd dd/MM" timeFormat="HH:mm { - HH:mm }"
                                                        axisFormat="HH:mm - HH:59 ">
                                                        <p:ajax event="eventSelect"
                                                                listener="#{laboScheduleController.onEventSelect}"
                                                                update=":#{p:component('detailsPanel')}"
                                                                oncomplete="PF('eventDialog').show();" />

                                                </p:schedule>
                                                <p:toolbar>
                                                        <p:toolbarGroup align="left">
                                                        		<p:outputLabel
																	value=" Capacidad del laboratorio: #{laboScheduleController.capacidadLaboratorio} " />
                                                                <ul style="list-style: none;">
                                                                        <li>
                                                                            <p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:green;"/>
																			<p:outputLabel value="&nbsp;Peticiones aceptadas&nbsp;" />
                                                                       	</li>
                                                                        <li>
                                                                        	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:blue;" /> 
                                                                        	<p:outputLabel value="&nbsp;Cursos Asignados&nbsp;" />
                                                                        </li>
                                                                        <li>
                                                                        	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:gray;" /> 
                                                                        	<p:outputLabel value="&nbsp;Peticiones en espera&nbsp;" />
                                                                        </li>
                                                                </ul>
                                                                <p:outputLabel
																	value=" Haga clic en algun evento para más información acerca de este. " />
                                                        </p:toolbarGroup>
                                                        <p:toolbarGroup align="right">
                                                                <p:commandButton id="BotonLab11"
                                                                        value=" GENERAR PETICION DE EVENTO EN LABORATORIOS "
                                                                        oncomplete="PF('eventDialog1').show();" />
                                                        </p:toolbarGroup>
                                                </p:toolbar>
                                        </p:tab>
                                </p:tabView>
                                <p:outputPanel id="detailsPanel">
                                        <p:dialog id="dialogo" widgetVar="eventDialog" header="Detalles"
                                                showEffect="clip" hideEffect="clip">
                                                <p:panelGrid id="claseDetails" columns="2"
                                                        rendered="#{laboScheduleController.detalleClase eq true}">
                                                        <h:outputText value="NOMBRE DE DOCENTE :" />
                                                        <h:outputText
                                                                value="#{laboScheduleController.detalleClaseSelected.nombreDocente}" />
                                                        <h:outputText value="CURSO :" />
                                                        <h:outputText
                                                                value="#{laboScheduleController.detalleClaseSelected.curso}" />
                                                        <h:outputText value="GRUPO :" />
                                                        <h:outputText
                                                                value="#{laboScheduleController.detalleClaseSelected.grupo}" />
                                                        <h:outputText value="ESCUELA :" />
                                                        <h:outputText
                                                                value="#{laboScheduleController.detalleClaseSelected.escuela}" />
                                                        <h:outputText value="HORA DE INICIO :" />
                                                        <h:outputText
                                                                value="#{laboScheduleController.detalleClaseSelected.hInicio}" />
                                                        <h:outputText value="HORA DE FIN :" />
                                                        <h:outputText
                                                                value="#{laboScheduleController.detalleClaseSelected.hFin}" />
                                                </p:panelGrid>
                                                <p:panelGrid id="eventoDetails" columns="2"
                                                        rendered="#{laboScheduleController.detalleEvento eq true}">
                                                        <h:outputText value="NOMBRE DE ENCARGADO :" />
                                                        <h:outputText
                                                                value="#{laboScheduleController.detalleEventoSelected.nombreUsuario}" />
                                                        <h:outputText value="NOMBRE DE EVENTO :" />
                                                        <h:outputText
                                                                value="#{laboScheduleController.detalleEventoSelected.nombreEvento}" />
                                                        <h:outputText value="HORA DE INICIO :" />
                                                        <h:outputText
                                                                value="#{laboScheduleController.detalleEventoSelected.hInicio}">
                                                                <f:convertDateTime type="date" timeZone="America/Lima"
                                                                        pattern="HH:mm:ss" />
                                                        </h:outputText>
                                                        <h:outputText value="HORA DE FIN :" />
                                                        <h:outputText
                                                                value="#{laboScheduleController.detalleEventoSelected.hFin}">
                                                                <f:convertDateTime type="date" timeZone="America/Lima"
                                                                        pattern="HH:mm:ss" />
                                                        </h:outputText>
                                                </p:panelGrid>
                                        </p:dialog>
                                </p:outputPanel>
                        </h:form>
                        <h:form id="form1">
                                <p:growl id="messages" showDetail="true" />
                                <p:dialog widgetVar="eventDialog1"
                                        header="Peticion Evento Laboratorio" showEffect="clip"
                                        hideEffect="clip">
                                        <p:panelGrid styleClass="panelNoBorder">
                                                <p:row>
                                                        <p:column>
                                                                <h:outputLabel value="USUARIO DE AMBIENTE  :" />
                                                        </p:column>
                                                        <p:column>
                                                                <h:outputLabel value="#{laboScheduleController.nombreUsuario}" />
                                                        </p:column>
                                                        <p:column>
                                                                <p:selectBooleanCheckbox
                                                                        value="#{laboScheduleController.soyUsuario}">
                                                                        <p:ajax update="input"
                                                                                listener="#{laboScheduleController.activarInput}" />
                                                                </p:selectBooleanCheckbox>
                                                        </p:column>
                                                </p:row>
                                                <p:row>
                                                        <p:column>
                                                                <h:outputLabel value=" " />
                                                        </p:column>
                                                        <p:column>
                                                                <h:outputLabel value=" OTRA PERSONA " />
                                                        </p:column>
                                                        <p:column>
                                                                <p:inputText id="input"
                                                                        value="#{laboScheduleController.peticionDoc.nombreUsuario}"
                                                                        disabled="#{laboScheduleController.esUsuario eq 1}" />
                                                        </p:column>
                                                </p:row>
                                        </p:panelGrid>
                                        <h:panelGrid id="eventDetails1" columns="2"
                                                style="text-align:center;margin-left:auto;margin-right:auto">

                                                <h:outputLabel for="nombreE" value="NOMBRE EVENTO :" />
                                                <p:inputText id="nombreE"
                                                        value="#{laboScheduleController.peticionDoc.nombreEvento}" />
                                                <h:outputLabel for="EM" value="CORREO ELECTRONICO :" />
                                                <p:inputText id="EM" 
                                                        value="#{laboScheduleController.peticionDoc.email}" />
                                                <h:outputLabel value="LABORATORIO :" />
                                                <h:outputLabel value="#{laboScheduleController.laboInfoBreve}" />

                                                <h:outputLabel for="idCalendar" value="FECHA" />
                                                <p:calendar id="idCalendar" required="true"
                                                        requiredMessage="Ingrese la Fecha de Inicio" size="15"
                                                        mindate="#{laboScheduleController.inicioCalendar}"
                                                        value="#{laboScheduleController.peticionDoc.dia}"
                                                        readonlyInput="true"
                                                        onchange="#{laboScheduleController.esDiaDeHoy()}">
                                                        <p:ajax event="dateSelect" update="idCalendar hI HF" />
                                                </p:calendar>

                                                <h:outputLabel for="hI" value="HORA DE INICIO :" />
                                                <p:calendar id="hI"
                                                		
                                                        value="#{laboScheduleController.peticionDoc.hInicio}"
                                                        required="true" requiredMessage="Ingrese La Hora de Inicio"
                                                        pattern="HH:mm"
                                                        minHour="#{laboScheduleController.mismoDia ? laboScheduleController.horaMinimaInicio.getHours() : 8}"
                                                        maxHour="#{laboScheduleController.horaMaximaInicio.getHours()}"
                                                        maxMinute="0"
                                                        minMinute="0"
                                                        timeOnly="true" readonlyInput="true" >
                                                        <p:ajax event="dateSelect" update="idCalendar HF" />
                                                </p:calendar>

                                                <h:outputLabel for="HF" value="HORA DE FIN :" />
                                                <p:calendar id="HF"
                                                		
                                                        value="#{laboScheduleController.peticionDoc.hFin}"
                                                        required="true" requiredMessage="Ingrese la Hora de Fin"
                                                        pattern="HH:mm"
                                                        minHour="#{laboScheduleController.horaMinimaFin.getHours()}"
                                                        maxHour="22"
                                                        minMinute="0"
                                                        maxMinute="0"
                                                        timeOnly="true" readonlyInput="true" >
                                                        <p:ajax event="dateSelect" update="idCalendar hI" />
                                                </p:calendar>

                                                <h:outputLabel for="NR" value="NUMERO DE SEMANAS :" />
                                                <p:spinner id="NR"
                                                        value="#{laboScheduleController.peticionDoc.numRep}" min="1"/>
                                                <h:outputLabel for="MT" value="MOTIVO" />
                                                <h:inputTextarea id="MT"
                                                        value="#{laboScheduleController.peticionDoc.motivo}" />
                                                <h:outputLabel value="ALQUILER? " />
                                                <p:selectBooleanCheckbox
                                                        value="#{laboScheduleController.esAlquiler}">
                                                        <p:ajax listener="#{laboScheduleController.validarAlquiler}" />
                                                </p:selectBooleanCheckbox>

                                                <p:commandButton id="addButton1" value="Enviar Peticion"
                                                        action="#{laboScheduleController.verificarCruce}"
                                                        update=":formC:"/>
                                                <p:commandButton id="cancelButton1" value="Cancelar Peticion"
                                                        action="#{laboScheduleController.botonCancelarDialog}"
                                                        update=":form,:form1"  >
                                                        <!-- "PF('eventDialog1').hide();" -->
                                                        <p:confirm header="Cancelar" message="¿Está seguro que desea cancelar la acción? (Se perderá la información ingresada)" 
															icon="ui-icon-alert"/>
                                                </p:commandButton>
                                                <p:confirmDialog global="true" showEffect="fade" >
													<p:commandButton value="Si" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
					        						<p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
												</p:confirmDialog>
                                        </h:panelGrid>
                                </p:dialog>
                        </h:form>
                        <h:form id="formC">
                                <p:dialog header="Confirmacion" widgetVar="conDialog"
                                        resizable="false" id="conDig" showEffect="fade"
                                        hideEffect="explode" modal="false" closeOnEscape="true"
                                        closable="true" style="text-align:center">
                                        
                                                <h:panelGrid id="display" columns="2" cellpadding="1"
                                                        style="text-align:center;margin-left:auto;margin-right:auto"
                                                        rendered="#{!((laboScheduleController.cruceFinal) eq 1)}">
                                                        <h:outputText value="Nombre de Usuario del Ambiente:" />
                                                        <h:outputText
                                                                value="#{laboScheduleController.peticionDoc.nombreUsuario}" />
                                                        <h:outputText value="Correo Electronico:" />
                                                        <h:outputText value="#{laboScheduleController.peticionDoc.email}" />
                                                        <h:outputText value="Nombre Evento:" />
                                                        <h:outputText
                                                                value="#{laboScheduleController.peticionDoc.nombreEvento}"
                                                                style="font-weight:bold" />
                                                        <h:outputText value="AULA:" />
                                                        <h:outputText value="#{laboScheduleController.aulaPedida}" />
                                                        <h:outputText value="Motivo:" />
                                                        <h:outputText
                                                                value="#{laboScheduleController.peticionDoc.motivo}" />
                                                        <h:outputText value="Numero de Semanas:" />
                                                        <h:outputText
                                                                value="#{laboScheduleController.peticionDoc.numRep}" />
                                                        <h:outputText value="Hora Inicio:" />
                                                        <h:outputText
                                                                value="#{laboScheduleController.peticionDoc.hInicio}">
                                                                <f:convertDateTime type="date" timeZone="America/Lima"
                                                                        pattern="HH:mm" />
                                                        </h:outputText>
                                                        <h:outputText value="Hora Fin:" />
                                                        <h:outputText value="#{laboScheduleController.peticionDoc.hFin}">
                                                                <f:convertDateTime type="date" timeZone="America/Lima"
                                                                        pattern="HH:mm" />
                                                        </h:outputText>
                                                </h:panelGrid>
                                                <p:panelGrid id="crucePet"
                                                        style="text-align:center;border-color:white;border-style:none"
                                                        columns="1"
                                                        rendered="#{(laboScheduleController.cruceFinal) eq 2}">
                                                        <h:outputText
                                                                value="SU PETICION GENERA CONFLICTOS CON PETICIONES AUN NO EVALUADAS : "
                                                                style="font-weight:bold" />
                                                        <ui:repeat value="#{laboScheduleController.error}" var="error">
                                                                <h:outputText value="#{error}" />
                                                                <br />
                                                        </ui:repeat>
                                                        <h:outputText value="DESEA ENVIAR LA PETICION DE TODAS FORMAS? "
                                                                style="font-weight:bold" />
                                                        <h:outputText
                                                                value="ADVERTENCIA : DE ENVIAR LA PETICION , LA EVALUACION DE LA PEITICION QUEDA A DISCRECION DEL ENCARGADO DE LABORATORIO"
                                                                style="font-weight:bold;color:red" />
                                                </p:panelGrid>
                                                <p:panelGrid id="denegPet"
                                                        style="text-align:center;border-color:white;border-style:none"
                                                        columns="1"
                                                        rendered="#{(laboScheduleController.cruceFinal) eq 1}">
                                                        <h:outputText
                                                                value="LAMENTABLEMENTE SU PETICION NO PUEDE PROCEDER YA QUE GENERA CONFLICTOS DE HORARIOS CON CLASES O EVENTOS APROBADOS"
                                                                style="font-weight:bold;color:red" />
                                                </p:panelGrid>
                                                <p:panelGrid id="campVac"
                                                        style="text-align:center;border-color:white;border-style:none"
                                                        columns="1"
                                                        rendered="#{(laboScheduleController.cruceFinal) eq -1}">
                                                        <h:outputText value="HAY CAMPOS VACÍOS EN EL FORMULARIO."
                                                                style="font-weight:bold;color:red" />
                                                </p:panelGrid>
                                                <h:panelGrid id="botones" columns="3" cellpadding="1"
                                                        style="margin: 0 auto;">

                                                        <p:commandButton id="AceptarBoton" value="Enviar Peticion"
                                                                style="background-image:none;background-color:green"
                                                                icon="ui-icon-gear"
                                                                action="#{laboScheduleController.registrarPeticion}"
                                                                update=":form,:formC"
                                                                onstart="PF('statusDialog').show(),PF('conDialog').hide()"
                                                                oncomplete="PF('statusDialog').hide(),PF('okDialog').show()"
                                                                rendered="#{!((laboScheduleController.cruceFinal) eq 1)}">
                                                        </p:commandButton>
                                                        <p:commandButton id="cancelarBoton" value="Cancelar Peticion"
                                                                action="#{laboScheduleController.limpiarCampos}"
                                                                update=":form,:form1"
                                                                style="background-image:none;background-color:black"
                                                                icon="ui-icon-gear" oncomplete="PF('conDialog').hide()">
                                                        </p:commandButton>
                                                </h:panelGrid>
                                        
                                </p:dialog>
                                <p:dialog header="Confirmacion" widgetVar="okDialog"
                                        draggable="false" resizable="false" id="okDig" showEffect="fade"
                                        hideEffect="explode" modal="false" closeOnEscape="false" closable="false" 
                                        style="text-align:center">
                                        
                                                <h:panelGrid id="Denied"
                                                        style="text-align:center;margin-left:auto;margin-right:auto"
                                                        columns="1" cellpadding="1">
                                                        <h:outputText
                                                                value="PETICION ENVIADA SATISFACTORIAMENTE , ESPERE RESPUESTA"
                                                                style="font-weight:bold;color:green">
                                                        </h:outputText>
                                                </h:panelGrid>
                                                <p:commandButton id="OkBotonD" value="OK "
                                                        update=":#{p:component('form')}"
                                                        style="background-image:none;background-color:black"
                                                        icon="ui-icon-gear"
                                                        oncomplete="PF('okDialog').hide(),PF('statusDialog).hide()">
                                                </p:commandButton>
                                       
                                </p:dialog>
                                <p:dialog widgetVar="statusDialog" modal="false" draggable="false"
                                        closable="false" resizable="false" showHeader="true"
                                        header="PROCESANDO...">
                                        <h:panelGrid
                                                style="text-align:center;margin-left:auto;margin-right:auto"
                                                columns="1">
                                                <h:outputText value="ESTAMOS PROCESANDO SU PETICION..." />
                                                <br />
                                                <p:graphicImage value="/resources/img/progress_bar.gif"
                                                        style="text-align:center;margin-left:auto;margin-right:auto" />
                                        </h:panelGrid>
                                </p:dialog>
                                <p:dialog widgetVar="validDialog" modal="false" 
                                        closable="true" resizable="false" showHeader="true"
                                        header="Error" width="500" height="300">
                                        <h:panelGrid id="pnlValidarCampos"
                                                style="text-align:center;margin-left:auto;margin-right:auto"
                                                columns="1">
                                                <h:outputText value="HAY CAMPOS OBLIGATORIOS SIN LLENAR." />
                                                <br />
                                        		<h:outputText value="OTRA PERSONA: El nombre de la persona no esta especificado." rendered="#{laboScheduleController.campoVacioOtraPersona}"/>
                                        		<h:outputText value="OTRA PERSONA: El nombre de la persona no debe contener números." rendered="#{laboScheduleController.campoVacioOtraPersona eq false and laboScheduleController.noHayNumerosOtraPersona eq false ? true : false}"/>
                                        		<h:outputText value="NOMBRE EVENTO: El nombre del evento no esta espeficicado." rendered="#{laboScheduleController.campoVacioNombreEvento}"/>
                                        		<h:outputText value="CORREO ELECTRONICO: El correo electronico no esta especificado." rendered="#{laboScheduleController.campoVacioEmail}"/>
                                        		<h:outputText value="CORREO ELECTRONICO: El correo electronico no esta con su formato respectivo." rendered="#{laboScheduleController.campoVacioEmail eq false and laboScheduleController.campoEmailFormato eq false?true:false}"/>
                                        		<h:outputText value="FECHA: El dia del evento no esta especificado." rendered="#{laboScheduleController.campoVacioFecha}"/>
                                        		<h:outputText value="HORA DE INICIO: La hora de inicio del evento no esta especificada." rendered="#{laboScheduleController.campoVacioHoraInicio}"/>
                                        		<h:outputText value="HORA DE FIN: La hora de final del evento no esta especificada." rendered="#{laboScheduleController.campoVacioHoraFin}"/>
                                        		<h:outputText value="NUMERO DE SEMANAS: El numero de semanas del evento no esta adecuadamente especificado, debe ser mayor o igual a 1." rendered="#{laboScheduleController.campoVacioNumSemanas}"/>
                                        		<h:outputText value="MOTIVO: El motivo del evento no esta especificado." rendered="#{laboScheduleController.campoVacioMotivo}"/>
                                        </h:panelGrid>
                                </p:dialog>
                        </h:form>
                        <script type="text/javascript">
                                PrimeFaces.locales['es'] = {
                                        closeText : 'Cerrar',
                                        prevText : 'Anterior',
                                        nextText : 'Siguiente',
                                        currentText : 'Esta Semana',
                                        monthNames : [ 'Enero', 'Febrero', 'Marzo', 'Abril',
                                                        'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre',
                                                        'Octubre', 'Noviembre', 'Diciembre' ],
                                        monthNamesShort : [ 'Ene', 'Feb', 'Mar', 'Abr', 'May',
                                                        'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic' ],
                                        dayNames : [ 'Domingo', 'Lunes', 'Martes', 'Miercoles',
                                                        'Jueves', 'Viernes', 'Sábado', ],
                                        dayNamesShort : [ 'Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sa' ],
                                        dayNamesMin : [ 'Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sa' ],
                                        weekHeader : 'Semana',
                                        firstDay : 1,
                                        isRTL : false,
                                        showMonthAfterYear : false,
                                        yearSuffix : '',
                                        month : 'Mes',
                                        week : 'Semana',
                                        day : 'Dia',
                                        allDayText : 'Todo el Dia'
                                };
                        </script>
                        <style type="text/css">
.value {
        width: 1000px;
}

.clase .fc-event-inner {
        background: blue;
}

.evento .fc-event-inner {
        background: green;
}

.pendiente .fc-event-inner {
        background: gray;
}

.ceups .fc-event-inner {
        background: purple;
}

.upg .fc-event-inner {
        background: orange;
}

.panelNoBorder, .panelNoBorder tr, .panelNoBorder td {
        border: hidden;
        border-color: white;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
}
</style>
                </ui:define>
        </ui:composition>
</h:body>
</html>
